<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane name="first">
      <span slot="label" class="tab-title">
        案件
        <i class="tag-right">3</i>
      </span>
      <tabs-case :lists="caseList"/>
    </el-tab-pane>
    <el-tab-pane name="two">
      <span slot="label" class="tab-title">
        接处警
        <i class="tag-right">2</i>
      </span>
       <tabs-case :lists="oList"/>
    </el-tab-pane>
    <el-tab-pane name="three">
      <span slot="label" class="tab-title">
        重点人员
        <i class="tag-right">2</i>
      </span>用户管理
    </el-tab-pane>
    <el-tab-pane name="four">
      <span slot="label" class="tab-title">
        常口
        <i class="tag-right">2</i>
      </span>用户管理
    </el-tab-pane>
    <el-tab-pane name="five">
      <span slot="label" class="tab-title">
        暂口
        <i class="tag-right">0</i>
      </span>用户管理
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import tabsCase from './case';

const lists = [
  {
    component: 'popRange',
    title: '报警时间',
    visible: false,
    data: ''
  },
   {
    component: 'dropdown',
    title: '案件性质',
    items:['黄金糕','黄金糕2','黄金糕3'],
    visible: false,
    data: ''
  },
  {
    component: 'popInput',
    title: '描述',
    visible: false,
    data: '',
    placeholder: '输入的描述信息'
  }, 
];
const lists2 = [
  {
    component: 'popRange',
    title: '报警时间',
    visible: false,
    data: ''
  },
   {
    component: 'dropdown',
    title: '案件性质',
    items:['黄金糕','黄金糕2','黄金糕3'],
    visible: false,
    data: ''
  },
  {
    component: 'popInput',
    title: '描述',
    visible: false,
    data: '',
    placeholder: '输入的描述信息'
  }, 
];
export default {
  name: 'statisticsTabs',
  components: {
    tabsCase
  },
  data() {
    return {
      activeName: 'first',
      caseList:lists,
      oList:lists2
    };
  },
  methods: {
    handleClick(tab, event) {
      console.warn(tab, event);
    }
  }
};
</script>
<style lang="scss" scoped>
</style>
